@import './ele.less';
@import './flex.less';

@color: #25324F;
@color2: #99B2C8; // 禁止点击颜色
@text-color: #4B5265;


.bgs {
   background: #FFFFFF;
  // box-shadow: 2px 2px 10px 1px rgba(165,190,248,0.60);
}


.bg-c {
  height: 62px;
  // background: var(--el-color-primary);
  background-color: #237804;
  .fl
}

.fl  {
  float: left;
  image {
    width: 100%;
    height: 100%;
  }
}

.warnColor{
  color: #C61C1C;
  letter-spacing: 0.78px;
}
.pubColor {
  color: @color;
}
.tc {
  color: @text-color;
}
.tc1 {
  font-size: 16px;
  color: #fff;
}
.activeColor{
  color: #10CCDC;
}
.disColor {
  color: @color2;
}
.pb {
  width: 280px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #D1DEFF;
  &-l {
    width: 80px;
    background: #F4F7FF;
    font-size: 14px;
    color: #4B5265;
  }
}
.pub-border {
  border: 1px solid #9DB6EA;
}
.cp{
  cursor: pointer;
}
.bgcss {
  background-size: 100% 100%;
}
.onebox-nav {
  background:  transparent;
  background-size: 100% 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 48px;
  font-size: 18px;
  font-weight: 600;
}
.onebox-body {
  padding: 20px 20px;
  // background: #082852;
  border-image: linear-gradient(90deg, #061A20 0%, #052830 33%, #043D4A 98%);
  flex: 1;
}
.bigbox {
  width: 100%;
  height: 100%;
  .pub-border ;
}

.tree-item {
  padding-left: 10%;
  height: 40px;
  line-height: 40px;
  color: #5F91E0;
  font-size: 14px;
}

.treeActive {
  background: #6287CE;
  color: #fff!important;
}
.btn-group {
  width: 244px;
  display: flex;
  align-items: center;
  border: 1px solid #3486F5;
  cursor: pointer;
}
.btn-box {
  width: 120px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border: 1px solid #3486F5;
}
.btn-default {
  background: rgba(11, 19, 36, 0.62);
  color: #6C92CE;
  .btn-box 
}
.btn-active {
  color: #13335D;
  background: #4892F5;
  .btn-box 
}
.selectbtn {
  background: transparent;
  color: #EDFFF7;
  padding: 3px 0;
}


// 暂无数据

.noDataMain {
  min-height: 500px;
  .iconfont {
    font-size: 140px;
    color: @color;
  }
  img {
    width: 160px;
    height: 120px;
  }
  span {
    margin-top: 20px;
    color: @color;
  }
}

.timedatebtn {
  display: inline-block;
  width: 120px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  opacity: 0.65;
  font-weight: 400;
  color: #C1F1FD;
  background: #0B1924;
  flex-shrink: 0;
}
.timelable {
  width: 115px;
  font-weight: 400;
  font-size: 14px;
  color: #CBE1FC;
  text-align: center;
  border-right: 1px solid #106377;
}
// 分页位置
.pagination-bar {
  float: right;
}

// 公共弹框
.pubDialog {
  
  .el-form-item__label {
    font-weight: 400;
    color: @text-color!important;
  }
  .el-input__inner {
    // border: 1px solid #D1DEFF;
    height: 32px!important;
    color: @text-color!important;
  }
  .dialogbtn {
    width: 68px;
    height: 28px;
    // border-radius: 16px;
    // font-weight: 400;
    text-align: center;
    line-height: 28px;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
  }
  .savebtn {
    //  background: #4BAAFC;
    background-color: var(--el-primary-color);
    border: 1px solid #82C4FE;
    color: #fff;
    margin-right: 10px;
    .dialogbtn
  }
  .cancelbtn {
    background: #fff;
    border: 1px solid #82C4FE;
    color: #0088FF;
    .dialogbtn
  }
  .dialog-footer {
    display: flex;
    justify-content:center;
    cursor: pointer;
  }
}

.tc {
  text-align: center;
}
.bgImg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
.yauto{
  overflow: auto;
}
.ovfh{
  overflow: hidden;
  height: 100%;
}
  